<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>任务信息</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  <link href="../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  <link href="../css/animate.css" rel="stylesheet">
  <link href="../css/style.css?v=4.1.0" rel="stylesheet">
  <link rel="stylesheet" href="../css/labMgt/self.css">
  <link rel="stylesheet" type="text/css" href="../js/plugins/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">
  <link href="../css/components/timeline.css" rel="stylesheet">

  <script src="../js/jquery.min.js?v=2.1.4"></script>
  <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  <script src="../js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
  <script src="../js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
  <script src="../js/plugins/moment/min/moment-with-locales.min.js"></script>
  <script src="../js/plugins/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>

  <link rel="stylesheet" href="../js/plugins/webuploader/webuploader.css">
  <script src="../js/plugins/webuploader/webuploader.js"></script>

  <script src="../js/taskDetail.js"></script>
  <script src="../js/main.js"></script>

</head>
<body class="gray-bg">
  <div class="wrapper wrapper-content animated fadeInRight worker-info">

    <div class="row row-btn-item">
      <div class="col-sm-12">
        <a class="btn btn-info" onclick="window.history.go(-1)">返回</a>
      </div>
    </div>

    <!-- 试验任务进度 -->
    <div  class="ibox-content collapse in add-edit-form clearfix" style="margin-bottom: 20px;" aria-expanded="true">
      <div class="col-md-12">
        <label>试验任务进度</label>
        <div class="timeline">
          <div class="default-timeline"></div>
          <div class="active-timeline"></div>
          <ul class="sequence-list">
            <li class="active">
              <time>1</time>
              <div class="sequence-tip">
                <div class="tip-title">任务创建</div>
                <div class="tip-time">2016-11-03 8:30</div>
              </div>
            </li>
            <li class="active">
              <time>2</time>
              <div class="sequence-tip">
                <div class="tip-title">结果上传</div>
                <div class="tip-time">2016-11-03 9:30</div>
              </div>
            </li>
            <li class="active">
              <time>3</time>
              <div class="sequence-tip">
                <div class="tip-title">内部审核</div>
                <div class="tip-time">2016-11-03 10:30</div>
              </div>
            </li>
            <li class="active">
              <time>4</time>
              <div class="sequence-tip">
                <div class="tip-title">质控部审核</div>
                <div class="tip-time">2016-11-03 11:30</div>
              </div>
            </li>
            <li>
              <time>5</time>
              <div class="sequence-tip">
                <div class="tip-title">总工室签批</div>
                <!-- <div class="tip-time">2016-11-03 12:30</div>
              -->
            </div>
          </li>
          <li>
            <time>6</time>
            <div class="sequence-tip">
              <div class="tip-title">完成</div>
              <!-- <div class="tip-time">2016-11-03 12:30</div>
            -->
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>

<div id="table1-div" class="ibox-content collapse in" aria-expanded="true">
  <div class="col-sm-12">
    <label>审核记录</label>
  </div>
  <table id="table1" class="footable table table-stripped text-center"
            data-unique-id="id">
    <thead>
      <tr>
        <th data-field="field1">时间</th>
        <th data-field="field2">操作</th>
        <th data-field="field3">操作人</th>
        <th data-field="field4">所属项目/部门</th>
        <th data-field="field5">原因</th>
        <th data-field="field6">整改期限</th>
        <th data-field="field7">备注</th>
      </tr>
    </thead>
    <tbody></tbody>
  </table>
</div>

<div class="ibox-content collapse in add-edit-form detail-info" aria-expanded="true">
  <div class="col-sm-12">
    <label>试验任务信息</label>
  </div>
  <table class="table">
    <tbody>
      <tr>
        <td class="table-td-title">任务编号：</td>
        <td>RW09110</td>
        <td class="table-td-title">任务名称：</td>
        <td>压力测试</td>
      </tr>
      <tr>
        <td class="table-td-title">样品名称：</td>
        <td>混凝土方块</td>
        <td class="table-td-title">样品编号：</td>
        <td>YP83287284</td>
      </tr>
      <tr>
        <td class="table-td-title">检测人：</td>
        <td>张三</td>
        <td class="table-td-title">所属项目：</td>
        <td>G220公路工程</td>
      </tr>
      <tr>
        <td class="table-td-title">检测项目：</td>
        <td>质控部</td>
        <td class="table-td-title">创建时间：</td>
        <td>2015.09.10</td>
      </tr>
      <tr>
        <td class="table-td-title">检测日期：</td>
        <td>2015.09.10</td>
        <td class="table-td-title">截止日期：</td>
        <td>2015.09.19</td>
      </tr>
      <tr>
        <td class="table-td-title">备注：</td>
        <td colspan="3"></td>
      </tr>
    </tbody>
  </table>
</div>

<!-- 详情 -->
<div   id="status0" class="ibox-content collapse in add-edit-form detail-info" aria-expanded="true">
  <div class="col-sm-12">
    <label>检测结果</label>
  </div>
  <table class="table">
    <tbody>
      <tr>
        <td class="table-td-title">是否合格：</td>
        <td>是</td>
        <td class="table-td-title">提交时间：</td>
        <td>2015.09.10</td>
      </tr>
      <tr>
        <td class="table-td-title">备注：</td>
        <td colspan="3"></td>
      </tr>
    </tbody>
  </table>
  <div class="col-sm-12">
    <label>附件：附件1</label>
    &nbsp;&nbsp;&nbsp;
    <a onclick="javascript:void">预览</a>
    <a onclick="javascript:void">下载</a>
  </div>
</div>

<!-- 编辑 -->
<div   id="status1" class="ibox-content collapse in add-edit-form detail-info" aria-expanded="true"
       style="display:none">
  <div class="col-sm-12">
    <label>检测结果</label>
  </div>
  <table class="table">
    <tbody>
      <tr>
        <td class="table-td-title">是否合格：</td>
        <td colspan="3">
          <input type="radio" name="identity" value="1" id="qualification"/>
          <label for="qualification">合格</label>
          &nbsp;&nbsp;
          <input type="radio" name="identity" value="0" id="disqualification"/>
          <label for="disqualification">不合格</label>
        </td>
      </tr>
      <tr>
        <td class="table-td-title">备注：</td>
        <td>
          <textarea class="form-control"></textarea>
        </td>
        <td></td>
        <td></td>
      </tr>
    </tbody>
  </table>
  <div class="col-sm-12">
    <label>附件：</label>
    <a id="selectImg" style="vertical-align: -webkit-baseline-middle;">上传</a>
  </div>
</div>

<!-- 签批 -->
<div  id="status3" class="ibox-content collapse in add-edit-form detail-info" aria-expanded="true"
       style="display:none">
  <div class="col-sm-12">
    <label>签批</label>
  </div>
  <table class="table">
    <tbody>
      <tr>
        <td class="table-td-title">是否同意签批：</td>
        <td>
          <input type="radio" name="identity" value="1" id="agree"/>
          <label for="agree">同意</label>
          &nbsp;&nbsp;
          <input type="radio" name="identity" value="0" id="disAgree"/>
          <label for="disAgree">不同意</label>
        </td>
        <td class="table-td-title">原因：</td>
        <td>
          <select class="form-control form-control-input">
            <option value="1">请选择</option>
          </select>
        </td>
      </tr>
      <tr>
        <td class="table-td-title">整改期限：</td>
        <td class="table-td-input-time">
          <input id="startTime" name="startTime"
                      type="text" date-type="start"
                      class="form-control form-control-input datetimepicker"
                      data-date-format="YYYY-MM-DD"></td>
        <td class="table-td-title">备注：</td>
        <td>
          <textarea class="form-control"></textarea>
        </td>
      </tr>
    </tbody>
  </table>
</div>

<!-- 审核 -->
<div   id="status2" class="ibox-content collapse in add-edit-form detail-info" aria-expanded="true"
       style="display:none">
  <div class="col-sm-12">
    <label>审核</label>
  </div>
  <table class="table">
    <tbody>
      <tr>
        <td class="table-td-title">是否同意审核：</td>
        <td>
          <input type="radio" name="identity" value="1" id="pass"/>
          <label for="pass">通过</label>
          &nbsp;&nbsp;
          <input type="radio" name="identity" value="0" id="unpass"/>
          <label for="unpass">不通过</label>
        </td>
        <td class="table-td-title">原因：</td>
        <td>
          <select class="form-control form-control-input">
            <option value="1">请选择</option>
          </select>
        </td>
      </tr>
      <tr>
        <td class="table-td-title">整改期限：</td>
        <td class="table-td-input-time">
          <input id="startTime" name="startTime"
                      type="text" date-type="start"
                      class="form-control form-control-input datetimepicker"
                      data-date-format="YYYY-MM-DD"></td>
        <td class="table-td-title">备注：</td>
        <td>
          <textarea class="form-control"></textarea>
        </td>
      </tr>
    </tbody>
  </table>
</div>

<div class="col-sm-12 text-center" style="margin-bottom:20px">
  <button class="btn btn-sm btn-info" type="button">确 定</button>
  <button class="btn btn-sm btn-white" type="button">取 消</button>
</div>

</div>
</body>
</html>